<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>封装函数</title>
	<script type="text/javascript">
	    //第一个参数：获取元素的父节点，第二个参数：查找的类名
    	function getByClass(oParent,sClass){
    		//声明一个空数组，存放返回结果
    		var aResult = [];
            var aEle = oParent.getElementsByTagName('*');  //这里通配符表示可以查找任意元素

            for(var i=0;i<aEle.length;i++){
            	//判断，假如找到需查找的类名
            	if(aEle[i].className == sClass){
            		//把这个元素存到数组里
            		aResult.push(aEle[i]);
            	}
            }

            return aResult;  //返回查找到的元素结果集
    	}

        
        window.onload = function (){
        	var oUl = document.getElementById('ul1');
        	//调用函数，找到ul下类名为box的li元素
        	var aBox  = getByClass(oUl,'box');
        	//循环
            for(var i=0;i<aBox.length;i++){
                //改变class='box'的li的背景颜色
                aBox[i].style.background = 'yellow';
            }
        }
	</script>
</head>
<body>
	<div>
		<ul id="ul1">
			<li class="box">1</li>
			<li>2</li>
			<li class="box">3</li>
			<li>4</li>
			<li class="box">5</li>
		</ul>
	</div>
</body>
</html>